<script setup>
import AppHeader from './components/AppHeader.vue'
import AppAside from './components/Aside/AppSidebar.vue'
import AppMain from './components/AppMain.vue'
</script>

<template>
    <div class="app-layout absolute inset-0 size-full flex flex-col overflow-hidden">
        <AppHeader />
        <div class="flex flex-1">
            <AppAside />
            <AppMain>
                <slot />
            </AppMain>
        </div>
    </div>
</template>

<style lang="scss" scoped>
.app-layout{
    background: var(--layout-admin-bg-color) !important;
}
</style>
